var ul = document.getElementsByClassName('successive')[0];
// rightMove(ul);
// function rightMove(elem){
//     var timer1 = setTimeout (function(){
//         var timer2 = setInterval(function(){
//             elem.style.left = parseInt(elem.style.left) - 5 + "px";
//             if(parseInt(elem.style.left) == -2200){
//                 elem.style.left = '0px';
//             }
//             if(parseInt(elem.style.left)%550 == 0){
//                clearInterval(timer2);
//                clearTimeout(timer1);
//                rightMove(elem);
//             }
//         },10)
//     },2000)
// }

var key = true;  // 设置开关
defaultMove(ul);
function defaultMove(elem){
    var timer = setTimeout (function(){
        if(key){
            rightMove(elem);
        }
        clearTimeout(timer);
        defaultMove(elem);
    },3000)
}
function rightMove(elem){
    var timer = setInterval (function(){
        if(key){
            elem.style.left = parseInt(elem.style.left) - 5 + "px";
            if(parseInt(elem.style.left) == -2750){
                elem.style.left = "-550px";
            }
            if(parseInt(elem.style.left) == 0){
                elem.style.left = "-2200px";
            }
            if(parseInt(elem.style.left)%550 == 0){
                clearInterval(timer);
            }
        }
    },10)
}
function leftMove(elem){
    var timer = setInterval (function(){
        if(key){
            elem.style.left = parseInt(elem.style.left) + 5 + "px";
            if(parseInt(elem.style.left) == -2750){
                elem.style.left = "-550px";
            }
            if(parseInt(elem.style.left) == 0){
                elem.style.left = "-2200px";
            }
            if(parseInt(elem.style.left)%550 == 0){
                clearInterval(timer);
            }
        }
    },10)
}
var arrowLeft = document.getElementsByClassName('left-arrow')[0],
    arrowRight = document.getElementsByClassName('right-arrow')[0];
arrowLeft.onclick = function(){
    key = false;
    var timer = setInterval (function(){
        ul.style.left = parseInt(ul.style.left) + 5 + "px";
        if(parseInt(ul.style.left) == -2750){
            ul.style.left = "-550px";
        }
        if(parseInt(ul.style.left) == 0){
            ul.style.left = "-2200px";
        }
        if(parseInt(ul.style.left)%550 == 0){
            clearInterval(timer);
        }
    },10)
    var timer1 = setTimeout (function(){
        key = true;
        clearTimeout(timer1);
    },3000)
}
arrowRight.onclick = function(){
    key = false;
    var timer = setInterval (function(){
        ul.style.left = parseInt(ul.style.left) - 5 + "px";
        if(parseInt(ul.style.left) == -2750){
            ul.style.left = "-550px";
        }
        if(parseInt(ul.style.left) == 0){
            ul.style.left = "-2200px";
        }
        if(parseInt(ul.style.left)%550 == 0){
            clearInterval(timer);
        }
    },10)
    var timer1 = setTimeout (function(){
        key = true;
        clearTimeout(timer1);
    },3000)
}


